<div class="translateContainer">
    <div class="translateMain">
        <div class="languages">
            <div class="languagesContent">
                <el-select [model]="languages" placeholder="请选择" (modelChange)="handle($event)">
                    <el-option value="auto/zh/" label="自动检测"></el-option>
                    <el-option value="zh/en/" label="汉语-->英语"></el-option>
                    <el-option value="en/zh/" label="英语-->汉语"></el-option>
                </el-select>
            </div>
        </div>
        <div class="translate">
            <div class="translateContent">
                <div class="translateInput">
                    <textarea rows="10" [(ngModel)]="translateValue" (keydown)="keyDown($event)"></textarea>
                </div>
                <div class="translateResult">{{translateResult}}</div>
            </div>
        </div>
        <div class="footerButtons">
            <div class="footerButtonsContent">
                <el-button (click)="toBaiDu()">百度翻译</el-button>
                <el-button (click)="toYouDao">有道翻译</el-button>
            </div>
        </div>
    </div>
</div>
